@import "base.css";

.customTitleBar .custom-status-bar{position: fixed;top: 0;left: 0;width: 100%;z-index: 973;}
.customTitleBar .custom-nav-bar{background-color: transparent;color: #000;font-size: 38rpx;text-align: center;display: flex;align-items: center;position: fixed;left: 0;width: 100%;z-index: 973;height: 88rpx;}
.customTitleBar .custom-nav-bar .btn-back{width: 56rpx;height: 58rpx;background:url(~@/static/img/icon_back_black.png) center center no-repeat;background-size: 26rpx 40rpx;font-size: 0;display: flex;}
.customTitleBar .custom-nav-bar .left{width: 120rpx}
.customTitleBar .custom-nav-bar .right{width: 120rpx}
.customTitleBar .custom-nav-bar .name{flex:1;overflow: hidden; text-overflow: ellipsis;white-space: nowrap;font-size: 38rpx;}

.customTitleBar .custom-nav-bar-white{background-color: transparent;}
.customTitleBar .custom-nav-bar-white .name{color: #fff;padding-right: 120rpx;}
.customTitleBar .custom-nav-bar-white .btn-back{background-image: url(~@/static/img/icon_back_white.png);}
.customTitleBar .custom-nav-bar-white.active .name{color: #000;}
.customTitleBar .custom-nav-bar-white.active .btn-back{background-image: url(~@/static/img/icon_back_black.png);}

.customTitleBar .tabs-bar{padding-left: 10rpx;}
.customTitleBar .tabs-bar .tabs-item{height: 88rpx; line-height: 88rpx;font-size: 33rpx;color: #000;position: relative;text-align: center;padding: 0 22rpx;}
.customTitleBar .tabs-bar .tabs-item.selected{color: #00BD8D;font-size: 44rpx;}
.customTitleBar .tabs-bar .tabs-item.selected:after{content: '';position: absolute;left:50%;bottom:0;font-size: 0;z-index:9;width: 58rpx;height: 8rpx;background-color: #00BD8D;margin-left: -29rpx;border-radius: 20rpx;}
.customTitleBar .title-green{color: #00BD8D;font-size: 44rpx;padding: 0 32rpx;}
.customTitleBar .title-black{color: #000000;font-size: 44rpx;padding: 0 32rpx;}


.customTitleBar .custom-nav-bar .btn-icon-back{width: 56rpx;height: 58rpx;background:url(~@/static/img/icon_back_black.png) center center no-repeat;background-size: 26rpx 40rpx;font-size: 0;display: flex;margin-left: 16rpx;margin-right: -20rpx;}
.customTitleBar .custom-nav-bar .btn-icon-green{width: 56rpx;height: 58rpx;background:url(~@/static/img/icon_back_green.png) center center no-repeat;background-size: 26rpx 40rpx;font-size: 0;display: flex;margin-left: 16rpx;margin-right: -20rpx;}

/* .customTitleBar .custom-nav-bar .icon-back-green{background-image: url(~@/static/img/icon_back_green.png);} */

.menu-bar{position:fixed; bottom:0; left:0; width:100%; z-index:973; background-color: #fff; height:98rpx;box-shadow: 10rpx 20rpx 40rpx 40rpx rgba(238, 238, 238, 0.9);display: flex;padding: 0 120rpx;justify-content: space-between;}
.menu-bar .menu-bar-item{width: 98rpx;text-align: center;padding-top: 14rpx;}
.menu-bar .menu-bar-item text{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display: block;font-size: 20rpx;color: #C4C4C4;}
.menu-bar .menu-bar-item .icon{width:50rpx;height:50rpx; display:inline-block; vertical-align:middle;background:url(~@/static/img/menu_bar_icon.png) no-repeat 0 0;background-size:300rpx 130rpx;position: relative;}
.menu-bar .menu-bar-item .icon.icon-home{background-position: 0 0;}
.menu-bar .menu-bar-item .icon.icon-me{background-position: -60rpx 0;}
.menu-bar .menu-bar-item.selected .icon.icon-home{background-position: 0 -60rpx;}
.menu-bar .menu-bar-item.selected .icon.icon-me{background-position: -60rpx -60rpx;}
.menu-bar .menu-bar-item.selected text{color: #00BD8D;}


.login{padding-bottom: 24rpx;}
.login .container{padding: 350rpx 78rpx 0;}
.login .container .login-title{font-size: 48rpx;color: #000;}
.login .container .form{padding-top: 46rpx;}
.login .container .form .phone-area-code .uni-input{padding-right: 30rpx;background:url(~@/static/img/login_icon_arrow.png) right center no-repeat;background-size: 13rpx 23rpx;font-size: 30rpx;height: 106rpx;display: inline-flex;align-items: center;margin-right: 30rpx;}
.login .container .form .form-item{position: relative;display: flex;align-items: center;border-bottom: 1px solid #F5F7F6;margin-bottom: 40rpx;}
.login .container .form .input{width: 100%; height: 106rpx;background-color: #fff;border-radius: 0;font-size: 30rpx;color: #000;vertical-align: top;border: 0;}
.login .container .form .phone-input{font-size: 30rpx;}
.login .container .form .btn-clear{position: absolute;right: -20rpx;top: 50%;margin-top: -40rpx; width: 80rpx;height: 80rpx;background:url(~@/static/img/input_icon_clear.png) center center no-repeat;background-size: 19rpx 20rpx;font-size: 0;}
.login .container .form .btn-send-code{min-width: 192rpx;height: 60rpx; line-height: 60rpx;text-align: center; color: #fff;font-size: 26rpx; background-color: #00BD8D;  border-radius: 50px;padding: 0 6rpx;position: absolute;right: 0;top: 50%;z-index: 3;transform: translateY(-50%);}
.login .container .form .btn-send-code:hover{background-color: #0AC797;}
.login .container .btn-log-in{height: 92rpx; line-height: 92rpx;  text-align: center; color: #fff; font-size: 30rpx; background:#00BD8D; border-radius: 50rpx;display: block;margin-top: 100px;}
.login .container .btn-log-in:hover{background-color: #0AC797;}
.login .container .login-btn-group{padding-top: 32rpx;display: flex;align-items: center;justify-content: space-between;}
.login .container .login-btn-group > text{font-size: 26rpx;color: #8A8A8A;line-height: 60rpx;}


.home{padding: 0 32rpx 268rpx;}
.home .search-bar{border-radius: 0 0 80rpx 80rpx;padding: 112rpx 0 4rpx;color: #fff;}
.home .search-bar .search-form{position: relative;}
.home .search-bar .search-form input{width: 100%;height: 80rpx;border-radius: 50px;font-size: 30rpx;color: #000;padding: 0 80rpx 0 86rpx;background:url(~@/static/img/icon_serach_magnifier_black.png) 36rpx center no-repeat;background-size: 32rpx 32rpx;background-color: #fff;border: 4rpx solid #00BD8D;}
.home .search-bar .search-form .btn-clear{position: absolute;right: 0;top: 0;width: 80rpx;height: 80rpx;background:url(~@/static/img/input_icon_clear.png) center center no-repeat;background-size: 19rpx 20rpx;font-size: 0;}
.home .nav{display: flex;justify-content: space-between;flex-wrap: wrap;}
.home .nav .nav-item{border: 2rpx solid #F7F7F7;background-color: #fff;border-radius: 24rpx;width: calc((100% - 30rpx)/2);padding: 18rpx 28rpx 0 24rpx;height: 162rpx;overflow: hidden;display: flex;margin-top: 24rpx;}
.home .nav .content{flex:1}
.home .nav .title{font-size: 30rpx;font-weight: bold;color: #000;}
.home .nav .caption{font-size: 20rpx;font-weight: bold;color: #9B9B9B;margin-top: 8px;}
.home .nav .icon{align-self: flex-end;}
.home .nav .icon image{width: 88rpx;height: 88rpx;}
.home .traits{display: flex;justify-content: space-between;flex-wrap: wrap;padding-top: 4rpx;}
.home .traits .traits-item{background: linear-gradient(89.59deg, #00C693 0.32%, #00B686 101.41%);border-radius: 16rpx;width: calc((100% - 20rpx)/2);padding: 20rpx 24rpx 8rpx;height: 202rpx;overflow: hidden;margin-top: 24rpx;display: flex;flex-direction: column;align-items: flex-start;}
.home .traits .title{flex:1;font-size: 44rpx;color: #fff;}
.home .traits .btn-view{display: inline-flex;align-items: center;background:url(~@/static/img/view_btn_arrow.png) right center no-repeat;background-size: 14rpx 21rpx;padding: 10rpx 24rpx 10rpx 0;font-size: 30rpx;color: #fff;}
.home .traits .traits-item:nth-of-type(2){background: linear-gradient(89.59deg, #179AFD 0.32%, #058DF3 101.41%);}
.home .traits .traits-item:nth-of-type(3){background: linear-gradient(89.59deg, #FD9F6D 0.32%, #FC7F3E 101.41%);}
.home .traits .traits-item:nth-of-type(4){background: linear-gradient(89.59deg, #3DCEAE 0.32%, #10B3A5 101.41%);}

.home .footer-fixed-btn{position: fixed;bottom: 160rpx;left: 144rpx;right: 144rpx;z-index: 9;height: 82rpx; line-height: 82rpx;  text-align: center; color: #fff; font-size: 32rpx; background:#00BD8D; border-radius: 50rpx;}
.home .footer-fixed-btn:hover{background-color: #0AC797;}

.detailsPage{padding-bottom: 108rpx;border-top: 40rpx solid #FAFAFA;}
.detailsPage .container-wrap{background-color: #FAFAFA;}
.detailsPage .container-wrap .container{background-color: #fff;border-radius: 40rpx 40rpx 0px 0px;box-shadow: 0 -20rpx 20rpx rgba(233, 233, 233, 0.25);}

.detailsPage .news-list .news-item{display: flex;padding: 36rpx 32rpx 34rpx 0;border-bottom: 1px solid #F5F7F6;}
.detailsPage .news-list .content{display: flex;flex-direction: column;flex:1;}
.detailsPage .news-list .title{font-size: 34rpx;color: #000;flex:1;}
.details .news-list .title{font-size: 38rpx;color: #000;flex:1;font-weight: bold;}
.detailsPage .news-list .title text{display: -webkit-box;-webkit-line-clamp: 2;overflow: hidden;word-break: break-all;text-overflow: ellipsis;-webkit-box-orient: vertical;}
.detailsPage .news-list .column{display: flex;justify-content: space-between;font-size: 24rpx;color: #9B9B9B;margin-top: 12rpx;}
.detailsPage .news-list .column .read-num{flex-shrink: 0;}
.detailsPage .news-list .pic{width: 140rpx;height: 140rpx;margin-left: 32rpx;}
.detailsPage .news-list .pic image{width: 140rpx;height: 140rpx;}
.detailsPage .search-bar{background: #FAFAFA;}
.detailsPage .search-bar .search-form{position: relative;padding: 0 15rpx 0 15rpx;}
.detailsPage .search-bar .search-form input{width: 100%;height: 80rpx;border-radius: 50px;font-size: 30rpx;color: #000;padding: 0 80rpx 0 86rpx;background:url(~@/static/img/icon_serach_magnifier_black.png) 36rpx center no-repeat;background-size: 32rpx 32rpx;background-color: #fff;border: 4rpx solid #00BD8D;}
.detailsPage .search-bar .search-form .btn-clear{position: absolute;right: 0;top: 0;width: 80rpx;height: 80rpx;background:url(~@/static/img/input_icon_clear.png) center center no-repeat;background-size: 19rpx 20rpx;font-size: 0;}



.case .case-list .case-item{display: flex;padding: 24rpx 32rpx 24rpx 0;border-bottom: 1px solid #F5F7F6;display: flex;align-items: start;}
.case .case-list .case-item .title{font-size: 34rpx;color: #000;font-weight: bold;display: flex;align-items: center;}
.case .case-list .case-item .sn{background-color: #00BD8D;font-size: 34rpx;color: #fff;margin-right: 18rpx;padding: 0 16rpx;border-radius: 18rpx 18rpx 4rpx 18rpx;line-height: 38rpx;font-weight: normal;margin-top: 3rpx;flex-shrink: 0;}
.case .case-list .case-item .body{font-size: 26rpx;color: #9B9B9B;margin-top: 10rpx;}

.hundredFamilySurnames .blood-type-tabs{padding: 118rpx 0 16rpx 40rpx;background: #FAFAFA;display: flex;flex-wrap: wrap;}
.hundredFamilySurnames .blood-type-tabs .tabs-item{width: 140rpx;height: 60rpx;line-height: 60rpx;text-align: center;border-radius: 50px;background-color: #fff;font-size: 26rpx;margin-right: 24rpx;padding: 0 16rpx;}
.hundredFamilySurnames .blood-type-tabs .tabs-item.selected{background-color: #00BD8D;color: #fff;}
.hundredFamilySurnames .custom-nav-bar tabs-bar{background-color: #000;}
.hundredFamilySurnames .container .title{padding-bottom: 28rpx;font-size: 36rpx;position: relative;}
.hundredFamilySurnames .container .title:after{content: '';position: absolute;left:0;bottom:0;right: -40rpx;font-size: 0;z-index:9;border-bottom: 1px solid #F5F7F6;}
.hundredFamilySurnames .container .content{font-size: 34rpx;color: #000;padding-top: 30rpx;text-align: justify;}
.hundredFamilySurnames .tabs-bar{padding-left: 18rpx;}
.hundredFamilySurnames .container{padding: 38rpx 40rpx 24rpx;}

.hundredFamilySurnames .search-bar{background: #FAFAFA;}
.hundredFamilySurnames .search-bar .search-form{position: relative;}
.hundredFamilySurnames .search-bar .search-form input{width: 100%;height: 80rpx;border-radius: 50px;font-size: 30rpx;color: #000;padding: 0 80rpx 0 86rpx;background:url(~@/static/img/icon_serach_magnifier_black.png) 36rpx center no-repeat;background-size: 32rpx 32rpx;background-color: #fff;border: 4rpx solid #00BD8D;}
.hundredFamilySurnames .search-bar .search-form .btn-clear{position: absolute;right: 0;top: 0;width: 80rpx;height: 80rpx;background:url(~@/static/img/input_icon_clear.png) center center no-repeat;background-size: 19rpx 20rpx;font-size: 0;}

.hundredFamilySurnames .table{margin-top: 32rpx;}
.hundredFamilySurnames .table .thead{background-color: rgba(0, 189, 141, 0.76); padding: 20rpx 0 20rpx 44rpx;color: #fff;border-radius: 32rpx 32rpx 0 0;font-size: 34rpx;}
.hundredFamilySurnames .table .tbody .tr{text-align: left;display: flex;background-color: #F5FCFA;border-bottom: 1px solid #fff;}
.hundredFamilySurnames .table .tbody .tr > text{flex:1;overflow: hidden; text-overflow: ellipsis;white-space: nowrap;font-size: 30rpx;color: #333;text-align: center;border-right: 1px solid #fff;padding: 16rpx 0;}
.hundredFamilySurnames .table .tbody .tr > text.bg-green{background-color: #00BD8D;color: #fff;border-right: 1px solid #00BD8D;}
.hundredFamilySurnames .table .tbody .tr > text:last-of-type{border-right: 0 !important;}

.paper .search-bar{padding: 118rpx 40rpx 24rpx 40rpx;background: #FAFAFA;}
.paper .search-bar .search-form{position: relative;}
.paper .search-bar .search-form input{width: 100%;height: 80rpx;border-radius: 50px;font-size: 30rpx;color: #000;padding: 0 80rpx 0 86rpx;background:url(~@/static/img/icon_serach_magnifier_black.png) 36rpx center no-repeat;background-size: 32rpx 32rpx;background-color: #fff;border: 4rpx solid #00BD8D;}
.paper .search-bar .search-form .btn-clear{position: absolute;right: 0;top: 0;width: 80rpx;height: 80rpx;background:url(~@/static/img/input_icon_clear.png) center center no-repeat;background-size: 19rpx 20rpx;font-size: 0;}
.paper .tabs-bar{padding-left: 10rpx;}
.paper .container{padding: 0 0 0 32rpx;}
.paper .news-list{min-height: 32rpx;}


.surnameOrigin .container{padding: 0 0 28rpx 40rpx;}
/* .surnameOrigin .header-title{font-size: 33rpx;color: #000;padding-bottom: 34rpx;border-bottom: 1px solid #F5F7F6;display: flex;align-items: center;padding-top: 28rpx;font-weight: bold;}
.surnameOrigin .header-title .label{font-size: 36rpx;color: #000;padding-right: 26rpx;position: relative;z-index: 3;flex-shrink: 0;}
.surnameOrigin .header-title .label::after{content: '';position: absolute;left:0;bottom:.38rem;right: 0;font-size: 0;z-index:-1;height: 10rpx;background: linear-gradient(90deg, #00BD8D 0%, rgba(0, 189, 141, 0) 100%);}
 */
.surnameOrigin .header-title{font-size: 30rpx;color: #000;padding-bottom: 34rpx;border-bottom: 1px solid #F5F7F6;display: flex;align-items: center;padding-top: 28rpx;}
.surnameOrigin .header-title .label{font-size: 36rpx;color: #000;padding-right: 26rpx;position: relative;z-index: 3;flex-shrink: 0;}
.surnameOrigin .header-title .label::after{content: '';position: absolute;left:0;bottom:8rpx;right: 0;font-size: 0;z-index:-1;height: 10rpx;background: linear-gradient(90deg, #00BD8D 0%, rgba(0, 189, 141, 0) 100%);}

.surnameOrigin .list .list-item{display: flex;padding: 24rpx 40rpx 24rpx 0;border-bottom: 1px solid #F5F7F6;}
.surnameOrigin .list .content{flex:1;}
.surnameOrigin .list .title{font-size: 34rpx;color: #000;font-weight: bold;display: flex;justify-content: space-between;}
.surnameOrigin .list .title .rate{margin-top: 8rpx;}
.surnameOrigin .list .body{font-size: 26rpx;color: #9B9B9B;margin-top: 10rpx;}
.surnameOrigin .list .surname{width: 94rpx;flex-shrink: 0;font-size: 48rpx;font-weight: bold;color: #00BD8D;margin-top: 16rpx;}




.searchPage .container{min-height: 32rpx;padding-top: 36rpx;}
.searchPage .search-bar{padding: 98rpx 32rpx 38rpx 32rpx;}
.searchPage .title-bar{display: flex;font-size: 28rpx;color: #9A9A9A;}
.searchPage .popular-search{display: flex;flex-wrap: wrap;padding-bottom: 60rpx;}
.searchPage .popular-search .popular-item{display: inline-flex;align-items: center;height: 64rpx;padding: 0 32rpx;color: #3A3A3A;font-size: 28rpx;margin: 21rpx 21rpx 0 0;background-color: #fff;border-radius: 50px;border: 2rpx solid #EFEFEF;}
.searchPage .history-search{padding-bottom: 28rpx;padding-top: 4rpx;}
.searchPage .history-search .history-item{padding: 21rpx 108rpx 21rpx 0;border-bottom: 1px solid #F5F7F6;position: relative;font-size: 32rpx;color: #3A3A3A;}
.searchPage .history-search .btn-del{position: absolute;right: 24rpx;top: 50%;transform: translateY(-50%); width: 70rpx;height: 70rpx;background:url(~@/static/img/search_icon_del.png) center center no-repeat;background-size: 19rpx 19rpx;font-size: 0;}

.searchResults .gap{height: 106rpx;background-color: #FAFAFA;}
.searchResults .container{min-height: 32rpx;padding-top: 36rpx;box-shadow: 0 -13rpx 13rpx rgba(233, 233, 233, 0.25);padding: 32rpx 24rpx 0;}
.searchResults .list{display: flex;flex-wrap: wrap;justify-content: space-between;}
.searchResults .list .list-item{width: calc((100% - 22rpx) / 2);height: 516rpx;margin-bottom: 24rpx;}
.searchResults .list .list-item image{width: 100%;height: 100%;border-radius: 20rpx;}
.searchResults .search-bar{background: #FAFAFA;}
.searchResults .search-bar .search-form{position: relative;}
.searchResults .search-bar .search-form input{width: 100%;height: 80rpx;border-radius: 50px;font-size: 30rpx;color: #000;padding: 0 80rpx 0 86rpx;background:url(~@/static/img/icon_serach_magnifier_black.png) 36rpx center no-repeat;background-size: 32rpx 32rpx;background-color: #fff;border: 4rpx solid #00BD8D;}
.searchResults .search-bar .search-form .btn-clear{position: absolute;right: 0;top: 0;width: 80rpx;height: 80rpx;background:url(~@/static/img/input_icon_clear.png) center center no-repeat;background-size: 19rpx 20rpx;font-size: 0;}


.personalCenter{padding-bottom: 108rpx;border-top: 40rpx solid #00BD8D;}
.personalCenter .personal-center-header{height: 300rpx;background-color: #00BD8D;}
.personalCenter .user-info{display: flex;align-items: center;padding: 68rpx 30rpx 0;}
.personalCenter .user-info .avatar{width: 132rpx;height: 132rpx;border-radius: 50%;margin-right: 22rpx;}
.personalCenter .user-info .avatar image{width: 100%;height: 100%;border-radius: 50%;}
.personalCenter .user-info .name{font-size: 36rpx;color: #fff;}
.personalCenter .user-info .remarks{font-size: 26rpx;color: #fff;margin-top: 4rpx;}
.personalCenter .jump{background-color: #fff;margin-top: -40rpx;border-radius: 40rpx 40rpx 0 0;padding: 50rpx 0 0 32rpx;}
.personalCenter .jump .jump-title{font-size: 36rpx;font-weight: bold;color: #000;margin-bottom: 36rpx;}
.personalCenter .jump .jump-item{display: flex;align-items: center;padding: 24rpx 0;font-size: 32rpx;color: #000;background:url(~@/static/img/icon_arrow.png) calc(100% - 32rpx) center no-repeat;background-size: 19rpx 31rpx;}
.personalCenter .jump .jump-item .icon{width: 40rpx;height: 40rpx;margin-right: 32rpx;}


.inspectionRecord .gap{height: 106rpx;background-color: #FAFAFA;}
.inspectionRecord .container{min-height: 32rpx;padding-top: 36rpx;box-shadow: 0 -13rpx 13rpx rgba(233, 233, 233, 0.25);padding: 32rpx 0 0 32rpx;}
.inspectionRecord .list{min-height: 32rpx;box-shadow: 0 -13rpx 13rpx rgba(233, 233, 233, 0.25);padding: 0 0 0 32rpx;}
.inspectionRecord .list .list-item{padding: 40rpx 32rpx 26rpx 0;border-bottom: 1px solid #eee;}
.inspectionRecord .list .title{font-size: 34rpx;color: #000;}
.inspectionRecord .list .column{display: flex;justify-content: space-between;font-size: 24rpx;color: #9B9B9B;margin-top: 22rpx;}
.inspectionRecord .list .column .read-num{flex-shrink: 0;}


.inquirySummary{padding: 0 34rpx 250rpx;}
.inquirySummary .base-info-wrap{padding-top: 98rpx;}
.inquirySummary .base-info{border-radius: 40rpx 40rpx 0 0;background-color: #fff;padding: 40rpx 0 0;}
.inquirySummary .base-info .base-info-header{text-align: center;font-size: 36rpx;color: #000;font-weight: bold;margin-bottom: 14rpx;}
.inquirySummary .base-info .base-info-header .title{position: relative;}
.inquirySummary .base-info .base-info-header .title::before{content: '';position: absolute;left:-46rpx;top:50%;transform: translateY(-50%); font-size: 0;z-index:9;width: 27rpx;height: 22rpx;background:url(~@/static/img/icon_symbol.png) 0 0 no-repeat;background-size: 100% 100%;}
.inquirySummary .base-info .base-info-header .title::after{content: '';position: absolute;right:-46rpx;top:50%;transform: translateY(-50%) rotateY(180deg); font-size: 0;z-index:9;width: 27rpx;height: 22rpx;background:url(~@/static/img/icon_symbol.png) 0 0 no-repeat;background-size: 100% 100%;}
.inquirySummary .form{padding-left: 40rpx;}
.inquirySummary .form .form-item{display: flex;justify-content: space-between; padding: 22rpx 40rpx 22rpx 0;border-bottom: 1px solid #F5F7F6;}
.inquirySummary .form .form-item .form-label{font-size: 32rpx;color: #000;flex-shrink: 0;width: 150rpx;}
.inquirySummary .form .form-item .form-content{font-size: 30rpx;color: #9B9B9B;word-break: break-all;}
.inquirySummary .form .form-item-column{display: flex;flex-direction: column; padding: 22rpx 40rpx 22rpx 0;border-bottom: 1px solid #F5F7F6;}
.inquirySummary .form .form-item-column .form-label{font-size: 32rpx;color: #000;}
.inquirySummary .form .form-item-column .form-content{font-size: 32rpx;color: #9B9B9B;word-break: break-all;margin-top: 22rpx;text-align: justify;}
.inquirySummary .form .form-rate{display: flex;justify-content: center;padding: 20rpx 0 8rpx;}
.inquirySummary .footer-fixed-btn{position: fixed;bottom: 130rpx;left: 30rpx;right: 30rpx;z-index: 978;height: 88rpx;display: flex;}
.inquirySummary .footer-fixed-btn .btn{height: 88rpx; line-height: 88rpx;text-align: center; color: #fff; font-size: 32rpx; background:#00BD8D; border-radius: 50rpx;}
.inquirySummary .footer-fixed-btn .btn-green{flex: 1;}
.inquirySummary .footer-fixed-btn .btn-green:hover{background-color: #0AC797;}
.inquirySummary .footer-fixed-btn .btn-border{border: 2rpx solid #00BD8D;background-color: #fff;color: #00BD8D;width: 192rpx;margin-right: 20rpx;}
.inquirySummary .footer-fixed-btn .btn-border:hover{background-color: #EBFFFA;}

.writeMaterial{padding-bottom: 228rpx;}
.writeMaterial .gap{height: 106rpx;background-color: #FAFAFA;}
.writeMaterial .container-wrap .container{min-height: 32rpx;padding-top: 36rpx;box-shadow: 0 -13rpx 13rpx rgba(233, 233, 233, 0.25);padding: 4rpx 0 0 0;}

.writeMaterial .form{padding-left: 40rpx; padding-bottom: 20rpx;}
.writeMaterial .form .form-item{display: flex;justify-content: space-between; padding: 0 30rpx 0 0;border-bottom: 1px solid #F5F7F6;height: 98rpx;align-items: center;}
.writeMaterial .form .form-item .form-label{font-size: 32rpx;color: #000;flex-shrink: 0;width: 150rpx;}
.writeMaterial .form .form-item .form-content{flex:1;text-align: right;font-size: 30rpx;color: #9B9B9B;}
.writeMaterial .form .form-item .form-select{flex:1;text-align: right;font-size: 30rpx;color: #9B9B9B;padding-right: 60rpx;}
.writeMaterial .form .form-item .form-content .f-red{color: #FF5454;}
.writeMaterial .form .form-item .form-input{flex:1;}
.writeMaterial .form .form-item .form-input .input{width: 100%;text-align: right;font-size: 30rpx;height: 98rpx;}
.writeMaterial .form .form-item-column{display: flex;flex-direction: column; padding: 22rpx 40rpx 22rpx 0;border-bottom: 1px solid #F5F7F6;}
.writeMaterial .form .form-item-upload{height: auto;align-items: start;padding-top: 26rpx;padding-bottom: 26rpx;}
.writeMaterial .form .btn-upload image{width: 152rpx;height: 152rpx;}
.writeMaterial .form .form-item-column .form-label{font-size: 32rpx;color: #000;}
.writeMaterial .form .form-item-column .form-content{font-size: 32rpx;color: #9B9B9B;word-break: break-all;margin-top: 22rpx;text-align: justify;}
.writeMaterial .form .form-rate{display: flex;justify-content: center;padding: 20rpx 0 8rpx;}

.writeMaterial .form .btn-input-clear{width: 80rpx;height: 80rpx;background:url(~@/static/img/icon_input_clear.png) center center no-repeat;background-size: 36rpx 36rpx;font-size: 0;margin-right: -20rpx;}
.writeMaterial .form .form-item-picker{background:url(~@/static/img/icon_arrow_bottom.png) calc(100% - 36rpx) center no-repeat;background-size: 32rpx 19rpx;height: auto;padding-top: 26rpx;padding-bottom: 26rpx;padding-right: 0;}
.writeMaterial .form .form-item-picker .form-picker{flex:1;}
.writeMaterial .form .form-item-picker .uni-input{flex:1;text-align: right;font-size: 30rpx;color: #9B9B9B;padding-right: 90rpx;height: 88rpx;display: flex;align-items: center;justify-content: flex-end;}
.writeMaterial .form .form-item-radio .radio{margin-left: 44rpx;}
.writeMaterial .form .form-item-select{background:url(~@/static/img/icon_arrow.png) calc(100% - 40rpx) center no-repeat;background-size: 19rpx 31rpx;height: auto;padding-top: 26rpx;padding-bottom: 26rpx;}
.writeMaterial .form .form-item-select .form-content{padding-right: 60rpx;display: flex;justify-content: flex-end;}
.writeMaterial .form .textarea{height: 236rpx;font-size: 32rpx;color: #000;width: 100%;}
.writeMaterial .footer-fixed-btn{position: fixed;bottom: 130rpx;left: 74rpx;right: 74rpx;z-index: 978;height: 82rpx; line-height: 82rpx;  text-align: center; color: #fff; font-size: 32rpx; background:#00BD8D;border-radius: 50rpx;}
.writeMaterial .footer-fixed-btn:hover{background-color: #0AC797;}

.details .news-list .news-item{padding-right: 40rpx;}
.details .container{padding-top: 2rpx;}
.details .container{padding-right: 0;padding-left: 40rpx;}
.details .container .body{font-size: 34rpx;color: #000;padding: 24rpx 40rpx 24rpx 0;text-align: justify;}
.details .container .body image{width: 100%;max-width: 100%;}


.base-popup .container{width: 100%;background-color: #fff;border-radius: 40rpx 40rpx 0 0;padding-top: 40rpx;}
.base-popup .container .btn-close{width: 60rpx;height: 60rpx;font-size: 0;z-index: 3;background:url(~@/static/img/icon_popup_close.png) center center no-repeat;background-size: 32rpx 32rpx;}
.base-popup .container .title-bar{display: flex;justify-content: space-between;align-items: center;padding: 0 32rpx 0 50rpx;}
.base-popup .container .title-bar .title{font-size: 44rpx;color: #000;}
.base-popup .container .content{font-size: 32rpx;color: #9B9B9B;padding: 46rpx 50rpx 0;}
.base-popup .container .price{text-align: center;}
.base-popup .container .price .price-item{display: inline-flex;height: 76rpx;min-width: 280rpx;border-radius: 50rpx;padding: 0 16rpx;border: 2rpx solid #00BD8D;font-size: 32rpx;color: #00BD8D;align-items: center;justify-content: center;margin-top: 30rpx;}
.base-popup .container .btn{padding: 60rpx 42rpx 42rpx;}
.base-popup .container .btn .btn-item{height: 88rpx; line-height: 88rpx; text-align: center; color: #fff; font-size: 36rpx; background:#00BD8D; border-radius: 50rpx;}
.base-popup .container .btn .btn-item:hover{background-color: #0AC797;}

.base-popup .btn-group{display: flex;flex-wrap: wrap;padding: 0 28rpx 0 50rpx;}
.base-popup .btn-group .btn-item{display: inline-flex;align-items: center;justify-content: center;height: 60rpx;padding: 0 30rpx;color: #333;font-size: 28rpx;margin: 26rpx 22rpx 0 0;background-color: #F3F3F3;border-radius: 50px;min-width: 146rpx;}
.base-popup .btn-group .btn-item.selected{background-color: #00BD8D;color: #fff;}

.no-data{text-align: center;padding-top: 150rpx;}
.no-data .icon-no-data{width: 506rpx;height: 350rpx;}
.no-data .title{font-size: 34rpx;color: #9B9B9B;margin-top: 22rpx;}


.f-blue{color: #4aa6f3;}
.f-orange{color: #f19a4a;}
.f-pink{color: #eb4787;}
.f-purple{color: #5f31f5;}
.bg-blue{background-color: #4aa6f3;}
.bg-orange{background-color: #f19a4a;}
.bg-pink{background-color: #eb4787;}
.bg-purple{background-color: #5f31f5;}